/******************************
Resets
*******************************/

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dt, dd, dl {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
}

ul {
	list-style: none;
}

.hide { display: none !important; }
.nobg { background-image: none !important; }
.nopad { padding: 0 !important; }
.nomargin { margin: 0 !important; }

/******************************
Clearfix
*******************************/

* html .clearfix { height: 1%; overflow: visible; }
*+html .clearfix { min-height: 1%; }
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/******************************
Buttons
*******************************/

.button-primary::-moz-focus-inner { border: 0; }

/* All the important declarations are temporary */

.button-primary {
	background-color: #8DC449 !important;
	background: -moz-linear-gradient(100% 100% 90deg, #8DC449, #A1D85A) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A1D85A), to(#8DC449)) !important;
	border: 1px solid #85AB57 !important;
	border-bottom: 2px solid #6A9832 !important;
	color: #2B4B02 !important;
	cursor: pointer !important;
	font-size: 17px !important;
	padding: 14px 19px !important;
	text-shadow: 0 -1px 0 #BFDD87 !important;
	overflow: visible !important;
	display: inline-block;
	-moz-border-radius: 28px !important;
	-webkit-border-radius: 28px !important;
}

.button-primary:hover {
	background-color: #8DC449 !important;
	background: -moz-linear-gradient(100% 100% 90deg, #A1D85A, #8DC449) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8DC449), to(#A1D85A)) !important;
}

.button-primary:active {
	background: #6CA12C !important;
	border: 1px solid #5D8E23 !important;
	border-bottom: 2px solid #537F1D !important;
	text-shadow: 0 1px 0 #90C74C !important;
}

.button-secondary {
	background-color: #E4E4E4;
	background: -moz-linear-gradient(100% 100% 90deg, #E4E4E4, #FBFBFB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#E4E4E4));
	border: 1px solid #E4E4E4;
	border-bottom: 2px solid #C1C1C1;
	color: #616161;
	cursor: pointer;
	font-size: 17px;
	padding: 14px 19px;
	text-shadow: 0 -1px 0 #FFF;
	overflow: visible;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
}

.button-secondary:hover {
	background: -moz-linear-gradient(100% 100% 90deg, #FBFBFB, #EEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FBFBFB));
}

.button-secondary:active {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	border-bottom: 2px solid #ABABAB;
	text-shadow: 0 1px 0 #FFF;
}

.button-small {
	font-size: 15px !important;
	padding: 9px 19px !important;
}

/******************************
Globals
*******************************/

#company-content {
	padding: 30px 0;
}

body {
	background: url("../images/icons.gif") center 170px no-repeat #F3F3F3;
}

body.small {
	background: url("../images/icons-small.gif") center 170px no-repeat #F3F3F3;
}

body.blank {
	background-image: none;
}

.wrapper {
	margin: 0 auto;
	width: 940px;
}

a {
	color: #533f6E;
	text-decoration: none;
	outline: 0;
}

p,
.feature li,
.contact-details li,
.content li,
.api li {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 20px;
	display: block;
}

.feature li,
.content li,
.api li {
	background: url("../images/bullet.gif") 0 7px no-repeat;
	padding: 0 0 0 15px;
}

.api li {
	margin: 0;
}

.api ul {
	margin: 0 0 30px;
}

.api h2 {
	margin: 0 0 20px;
}

.api tt {
	background: #EEE;
}

.api ul li ul li {
	padding: 0;
	background: none;
}

.api #details {
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}

.api #details h3 {
	margin: 0;
}

.api #title  {
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}

.api #title h2 {
	font-size: 26px;
	margin: 0;
}

.api h3 {
	font-style: italic;
	font-weight: normal;
}

.api .console,
.api pre code {
	white-space: pre-wrap;
	background: #000;
	color: #97D144;
	padding: 9px;
}

.feature li strong {
	color: #444;
}

.feature .subheading {
	font-weight: bold;
	margin: 0;
}

.content h3 {
	margin: 40px 0 20px;
}

.content .banner {
	padding: 0 0 15px !important;
}

p.sub {
	margin: 0 0 40px 0;
}

i {
	background: #f8f1ff;
	color: #533f6E;
}

.subtitle {
	color: #858585;
	font-size: 13px;
}

.pad {
	padding: 40px;
}

.readmore {
	background: url("../images/buttons/show-more.gif") 0 0 no-repeat;
	float: left;
	width: 91px;
	height: 30px;
	overflow: hidden;
	text-indent: -900px;
	margin: 5px 0 20px 0;
}

.readless {
	background: url("../images/buttons/show-less.gif") 0 0 no-repeat;
}

.getstarted {
	background: url("../images/buttons/get-started.gif") 0 0 no-repeat;
	float: left;
	width: 91px;
	height: 30px;
	overflow: hidden;
	text-indent: -900px;
	margin: 5px 0 20px 0;
}

.hide {
	display: none;
}

.custom-pricing {
	margin: 30px 0 0 10px !important;
}

.custom-cloud {
	margin: 30px 0 0 10px !important;
}

.custom-twitter {
	margin: 35px 0 0 50px !important;
}

.custom-happy-agents {
	margin: 20px 0 20px 20px !important;
}

.custom-get-started {
	margin: 30px 0 20px 20px !important;
}

.custom-get-started-2 {
	margin: 30px 20px 20px 40px !important;
}

.flash_ajax div.flash_error,
.flash_html div.flash_error,
.flash_ajax div.flash_critical,
.flash_html div.flash_critical {
	border-color: #FF0000;
	background-color: #FFBABA;
}

/******************************
Banner & Content (new)
*******************************/

#banner {
	background: url("../images/purple-grid.gif");
	position: relative;
	margin: 0 0 40px;
	height: 330px;
	overflow: hidden;
}

#banner.carousel {
	height: 530px;
	margin: 0;
}

#banner .light {
	background: url("../images/light.png") center top no-repeat;
	height: 330px;
}

#banner.carousel .light {
	height: auto;
}

#banner .scissors {
	background: url("../images/scissors.gif") 0 0 repeat-x;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

#banner .section {
	padding: 0 0 70px;
}

#banner .google,
#banner .getsatisfaction {
	background: url("../images/icon-googleapps.png") 620px center no-repeat;
	padding: 0 0 60px;
}

#banner .getsatisfaction {
	background: url("../images/icon-getsatisfaction.png") 640px center no-repeat;
}

#banner h1 {
	color: #FFF;
	font-size: 45px;
	padding: 40px 0 5px;
}

#banner p {
	color: #D2AEF4;
	font-size: 18px;
	line-height: 23px;
	width: 580px;
	padding: 0 0 40px;
}

#banner .google p,
#banner .getsatisfaction p {
	padding: 0 0 20px;
}

#banner a img {
	border: 0;
}

#banner .customers {
	text-align: center;
}

#banner .customers p {
	width: auto;
}

#content .primary {
	width: 580px;
	padding: 0 0 40px;
	float: left;
}

#content h2 {
	margin: 0 0 20px;
	font-size: 26px;
}

#content h2.stacked {
	margin: 40px 0 20px;
}

#content p,
#content ul {
	color: #666;
	font-size: 15px;
}

#content li {
	background: url("../images/check-mark.gif") 0 0px no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
}

#content .secondary {
	width: 300px;
	float: right;
}

#content .secondary .quote {
	color: #563f6b;
	font-size: 20px;
	line-height: 25px;
	font-style: italic;
}

#content .secondary .quote-name {
	margin: 0;
}

/******************************
Carousel
*******************************/

#carousel {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 530px;
}

#carousel .section {
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0;
	height: 530px;
}

#carousel .s2,
#carousel .s3 {
	display: none;
}

#carousel h1 {
	width: 350px;
	font-size: 38px;
	margin: 20px 0 30px;
}

#carousel p {
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 30px;
	width: 350px;
}

#carousel .next {
	background: url("../images/carousel-navigation.png") 0 -42px no-repeat;
	position: absolute;
	overflow: hidden;
	text-indent: -9000px;
	height: 42px;
	width: 42px;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 510px;
}

#carousel .prev {
	background: url("../images/carousel-navigation.png") 0 0 no-repeat;
	position: absolute;
	overflow: hidden;
	text-indent: -9000px;
	height: 42px;
	width: 42px;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -550px;
}

#carousel .s1 .wrapper {
	background: url("../images/s1.png") right bottom no-repeat;
	_background: url("../images/s1.gif") right bottom no-repeat;
	height: 530px;
}

#carousel .s2 .wrapper {
	background: url("../images/s2.png") 110% -40px no-repeat;
	height: 530px;
}

#carousel .s3 .wrapper {
	background: url("../images/s3.png") 105% 50px no-repeat;
	height: 530px;
}

/******************************
Homepage Content
*******************************/

#homepage-content {
	background: url("../images/clients-row.gif") center 30px no-repeat;
	padding: 90px 0 40px 0;
}

/******************************
Testimonials
*******************************/

.testimonial {
	border-top: 1px solid #DDD;
	padding: 40px 200px 40px 0;
	margin: 0 40px 0;
	color: #888;
}

.testimonial p {
	font-family: Georgia, "Times", serif;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 10px;
}

.testimonial p span {
	background: lightyellow;
}

.testimonial .name {
	font-size: 13px;
	display block;
}

.testimonial h3 {
	background: url("../images/customer-spotlight.gif") 0 0 no-repeat;
	text-indent: -900px;
	overflow: hidden;
	width: 206px;
	height: 50px;
}

.off-and-away {
	background: url("../images/t-off-and-away.gif") right center no-repeat;
}

.bonobos {
	background: url("../images/t-bonobos.gif") right center no-repeat;
}

.grooveshark {
	background: url("../images/t-grooveshark.gif") 98% center no-repeat;
}

.vimeo {
	background: url("../images/t-vimeo.gif") right center no-repeat;
}

/******************************
Tour
*******************************/

#tour {
	background: url("../images/tabs.gif") 0 57px no-repeat;
	margin: 12px 0 50px 0;
	height: 151px;
}

.easy-setup,
.section2 {
	background-position: 0 -37px !important;
}

.premium-tools,
.section3 {
	background-position: 0 -131px !important;
}

.connect-for-success,
.section4 {
	background-position: 0 -225px !important;
}

#tour li {
	float: left;
	margin: 0;
	width: 187px;
}

#tour li.active .sect {
	color: #000;
}

#tour li.active .desc {
	color: #533f6E;
}

#tour li span {
	display: block;
	text-align: center;
}

#tour li a {
	display: block;
	padding: 75px 0 20px;
}

#tour .sect {
	background: url("../images/steps.gif") center 0 no-repeat;
	font-size: 17px;
	font-weight: bold;
	padding: 30px 0 0 0;
}

#tour .second {
	background-position: center -68px;
}

#tour .third {
	background-position: center -136px;
}

#tour .fourth {
	background-position: center -204px;
}

#tour .fifth {
	background-position: center -270px;
}

#tour .desc {
	font-size: 13px;
	color: #c1bdca;
}

#tour .last {
	width: 190px;
}

#tour .last a {
	border-right: 0;
}

#tour li a:hover .sect {
	color: #000;
}

#tour li a:hover .desc {
	color: #533f6E;
}

#tour-navigation {
	margin: 0 40px 40px;
}

#tour-navigation a {
	font-size: 14px;
	font-weight: bold;
}

#tour-navigation .back {
	float: left;
	background: url("../images/buttons/arrows.gif") left 4px no-repeat;
	padding: 0 0 0 15px;
}

#tour-navigation .next {
	float: right;
	background: url("../images/buttons/arrows.gif") right -23px no-repeat;
	padding: 0 15px 0 0;
}

#tour-navigation a i {
	text-decoration: underline;
	background: none;
}

/******************************
Guarantee Ribbon
*******************************/

#guarantee {
	background: url("../images/banner-guarantee.png") 0 0 repeat-x;
	height: 63px;
	width: 946px;
	margin: 12px 0 0 -3px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-indent: 40px;
	position: absolute;
}

#guarantee span {
	position: relative;
	text-shadow: 0 -1px 0 #000;
	padding: 19px 40px 0 0;
	text-indent: 40px;
	display: block;
}

#guarantee i {
	background: none;
	text-decoration: underline;
	color: #FFF;
	font-style: normal;
}

#guarantee a {
	background: url("../images/buttons/free-trial-purple.png");
	width: 87px;
	height: 29px;
	overflow: hidden;
	text-indent: -900px;
	position: absolute;
	margin: -5px 0 0 9px;
	right: 40px;
}

#guarantee a:hover {
	background-position: 0 -29px;
}

#guarantee .ribbon-left {
	background: url("../images/banner-left.gif");
	float: left;
	width: 5px;
	height: 62px;
	padding: 0;
	margin: 0 0 0 -1px;
	overflow: hidden;
}

#guarantee .ribbon-right {
	background: url("../images/banner-right.gif");
	float: right;
	width: 5px;
	height: 62px;
	padding: 0;
	margin: 0 -1px 0 0;
	overflow: hidden;
}

/******************************
Tyopgraphy
*******************************/

h3 {
	font-size: 16px;
	margin: 0 0 15px;
}

h3.sub {
	color: #505050;
	font-style: italic;
	font-weight: normal;
}

h4 {
	font-size: 16px;
}

.layout-single h3,
.layout-double h3 {
	font-size: 21px;
	font-weight: bold;
}


/******************************
Banners (Double Column)
*******************************/

.layout-double .banner {
	border-bottom: 2px solid #D5D5D5;
	padding: 0 0 40px;
	margin: 0 0 40px;
	*padding: 0 0 20px; /* IE7 & IE6 */
}

.layout-double .banner h2 {
	margin: 0 0 30px 0;
}

.layout-double .banner p {
	color: #686868;
	font-size: 19px !important;
	line-height: 24px;
}

.layout-double .banner i {
	color: #000;
	background: none;
}

/******************************
Layouts (Home)
*******************************/

.layout-home {
	padding: 20px 0 40px;
	border-bottom: 1px solid #CCC;
}

.layout-home .left {
	float: left;
	margin: 0 60px 0 0;
	width: 458px;
}

.layout-home .right {
	float: right;
	width: 420px;
}

/******************************
Layouts (Single Column)
*******************************/

.layout-single .main {
	background: #FFF;
	border: 1px solid #CDCDCD;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.centered .main {
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.layout-single .main .feature {
	margin: 0 0 30px;
	padding: 0 40px;
}

.layout-single .main .first {
	padding: 115px 40px 0;
	margin: 0 0 30px;
}

.layout-single .main .company-header,
.layout-single .main .contact-header {
	padding: 0;
	margin-bottom: 40px;
	background: url("../images/banner-shadow.gif") 0 bottom #f9f7ff repeat-x;
}

.layout-single .main .company-header .pretty {
	background: url("../images/company-map.jpg") 100% bottom no-repeat;
	padding: 40px 0 40px;
	width: 100%;
}

.layout-single .main .contact-header .pretty {
	background: url("../images/postage-stamp.gif") 93% bottom no-repeat;
	padding: 40px 0 40px;
	width: 100%;;
}

.layout-single .main .pretty p {
	font-size: 19px;
	line-height: 24px;
}

.layout-single .main .company-header .pretty div,
.layout-single .main .contact-header .pretty div {
	padding-left: 40px;
}

.layout-single .main .feature h3 a {
	color: #000;
}

.layout-single .main .feature h4 {
	font-size: 18px;
	color: #000;
	margin: 10px 0 20px;
}

.layout-single .main .feature div {
	float: left;
	width: 490px;
}

.layout-single .main .feature img {
	float: right;
	margin: 0 -40px 20px 0;
	border: 0;
}

.layout-single .main .feature .slide {
	display: none;
}

.layout-single .main .staggered img {
	float: left;
	margin: 0 0 20px -40px;
}

.layout-single .main .staggered div {
	float: right;
}

.layout-single .main .feature.last {
	margin: 0;
}

/******************************
Layouts (Double Column)
*******************************/

.layout-double {
	background: url("../images/layout-double.gif") #FFF 0 0 repeat-y;
	border: 1px solid #CDCDCD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.layout-double .left {
	float: left;
	width: 218px;
	font-size: 13px;
	overflow: visible;
}

.layout-double .main {
	float: right;
	width: 720px;
}

.layout-double .main .pad {
	padding: 30px 40px 40px
}

.layout-double .left strong {
	padding: 20px;
	display: block;
	font-size: 16px;
}

.layout-double .left strong a {
	color: #000;
}

.layout-double .left li {
	float: left;
	width: 100%;
	clear: both;
	position: relative;
}

.layout-double .left li a {
	display: block;
	border-top: 1px solid #eae8f0;
	padding: 11px 20px;
	height: 17px;

}

.layout-double .left li span {
	display: none;
}

.layout-double .left ul {
	border-bottom: 1px solid #eae8f0;
}

.layout-double .left .active span {
	background: url("../images/nav-active-vertical.gif") 0 0 no-repeat;
	position: absolute;
	width: 5px;
	height: 42px;
	top: -2px;
	left: -4px;
	display: block;
}

.layout-double .left .active a span {
	background: url("../images/nav-active-vertical.gif") -225px 0 no-repeat;
	position: absolute;
	width: 20px;
	height: 45px;
	top: -2px;
	left: 100%;
	display: block;
}

.layout-double .left .active a {
	background: url("../images/nav-active-vertical.gif") -4px -3px no-repeat;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 #000;
}

/******************************
Section Header
*******************************/

#company-section {
	background: #57406c;
	border-bottom: 1px solid #514b5f;
	height: 3px;
	overflow: hidden;
}

#section-header {
	padding: 20px 20px 40px;
}

.benefits, .tour, .register {
	background: url("../images/free-for-30-days.png") 778px 30px no-repeat;
}

.register {
	background-image: url("../images/register-arrow.png");
	background-position: 670px 30px;
}

#section-header.centered h1,
#section-header.centered .subheading {
	text-align: center;
}

#section-header.error {
	margin: 200px 0 0;
}

#section-header h1 {
	font-size: 32px;
}

#section-header .main-navigation {
	float: right;
	margin: -25px 0 0 0;
}

#section-header .main-navigation li.active {
	background: url("../images/tab-left-gray.gif") 0 0 no-repeat;
}

#section-header .main-navigation a {
	color: #645c77;
}

#section-header .main-navigation li.active a {
	background: url("../images/tab-right-gray.gif") right 0 no-repeat;
	color: #000;
}

#section-header .subheading {
	clear: both;
	display: block;
	color: #585858;
	padding: 5px 0 0;
	font-weight: normal;
	font-size: 19px;
	text-align: left;
}

#section-header .subheading strong,
#promotion .promo-header p strong {
	background: #EDE6F8;
	color: #533f6E;
	font-weight: normal;
}

/******************************
Company Header
*******************************/

#company-header {
	background: #000;
	padding: 15px 0;
}

#company-header h1 {
	float: left;
}

#company-header h1 a {
	background: url("../images/assistly-logo.gif");
	float: left;
	height: 30px;
	overflow: hidden;
	text-indent: -900px;
	width: 152px;
}

.main-navigation {
	float: right;
	margin: 1px 0 0;
}

.main-navigation li {
	float: left;
	height: 24px;
	margin: 0 0 0 9px;
	overflow: hidden;
}

.main-navigation li.active {
	background: url("../images/nav-left.gif") 0 0 no-repeat;
}

.main-navigation li a {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 11px;
	padding: 4px 10px 4px 0px;
	float: left;
}

.main-navigation li.active a {
	background: url("../images/nav-right.gif") right 0 no-repeat;
}

.main-navigation li a:hover {
	text-decoration: underline;
}

.main-navigation li.active a:hover {
	text-decoration: none;
}

#company-header .trial {
	color: #97d144;
	padding-right: 0;
}

/******************************
Company Footer
*******************************/

#company-footer {
	background: #FFF;
	border-top: 1px solid #d1d1d1;
	font-size: 13px;
	font-weight: bold;
	padding: 40px 0;
	float: left;
	width: 100%;
}

#company-footer a:hover {
	text-decoration: underline;
}

#company-footer .wrapper {
	position: relative;
}

#company-footer ul {
	float: left;
}

#company-footer li {
	float: left;
	width: 130px;
}

#company-footer li strong {
	font-size: 17px;
	color: #666;
	margin: 0 0 15px;
	font-weight: normal;
}

#company-footer li strong,
#company-footer li a,
#company-footer li span {
	display: block;
	font-weight: normal;
}

#company-footer .copyright {
	position: absolute;
	margin: 130px 0 0 0;
	width: 400px;
	font-weight: normal;
	left: 0;
	color: #999;
	font-size: 11px;
}

#company-footer .contact {
	border-left: 1px solid #ddd;
	padding: 0 0 0 40px;
	float: right;
	width: 340px;
}

#company-footer .contact li {
	width: 100%;
}

#company-footer .contact div {
	float: left;
}

#company-footer .contact div strong {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

#company-footer .contact .email {
	float: right;
}

#company-footer .contact .social {
	display: block;
	float: none;
	padding: 20px 0 0 0;
	clear: both;
}

#company-footer .contact .social a {
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -900px;
	margin: 0 5px 0 0;
	overflow: hidden
}

#company-footer .contact .twitter {
	background: url("../images/twitter-32x32.png");
}

#company-footer .contact .youtube {
	background: url("../images/youtube-32x32.png");
}

#company-footer .contact .rss {
	background: url("../images/rss-32x32.png");
}

#footer-small {
	text-align: center;
	font-size: 14px;
	margin: 30px 0 0;
}

.footer-trial {
	margin: 40px 0 10px; text-align: center;
}

.footer-trial h3 {
	font-weight: normal !important;
	font-style: italic !important;
	font-size: 19px !important;
	color: #585858;
}

.footer-trial a,
.promo-header a {
}



/******************************
Homepage
*******************************/

#company-banner {
	background: url("../images/purple-grid.gif");
	color: #FFF;
	text-align: center;
}

#company-banner .inner {
	background: url("../images/light.png") center 0 no-repeat;
	_background: none;
	padding: 30px 0 30px;
}

#company-banner .column {
	background: url("../images/home-all-in-one.png") center 0 no-repeat;
	_background: url("../images/home-all-in-one.gif") center 0 no-repeat;
	float: left;
	width: 313px;
	padding: 210px 0 0 0;
	margin: 0;
}

#company-banner .column.second {
	background: url("../images/home-happy-customers.png") center 25px no-repeat;
	_background: url("../images/home-happy-customers.gif") center 25px no-repeat;
}

#company-banner .column.third {
	background: url("../images/home-reporting.png") center 53px no-repeat;
	_background: url("../images/home-reporting.gif") center 53px no-repeat;
}

#company-banner .column p {
	font-size: 15px;
	line-height: 17px;
	padding: 0 30px;
}

#company-banner .screens {
	background: url("../images/homepage-screens.jpg") bottom center no-repeat;
	height: 490px;
}

#company-banner .content {
	background: url("../images/free-for-30-days-white.png") 740px bottom no-repeat;
	padding: 40px 0 110px 0;
}

#company-banner h1 {
	margin: 0 auto 4px;
	font-size: 36px;
}

#company-banner p {
	color: #D2AEF4;
	font-size: 21px;
	line-height: 26px;
	font-weight: normal;
}

#company-banner .links {
	margin: 30px 0 ;
	padding: 0 0 0 230px;
	position: relative;
	font-size: 17px;
}

#company-banner a.trial {
	background: url("../images/buttons/try-us-free-30-days.png") 0 0 no-repeat;
	display: block;
	height: 52px;
	position: absolute;
	overflow: hidden;
	text-indent: -9000px;
	width: 237px;
	left: 230px;
}

#company-banner a.trial:hover {
	background-position: 0 -52px;
}

#company-banner .links span {
	color: #FFF;
	display: block;
	padding: 14px 0 0 245px;
	text-align: left;
}

#company-banner .links span a {
	color: #FFF;
	text-decoration: underline;
}


#company-banner.old {
	background: url("../images/homepage.gif") 0 bottom repeat-x;
	color: #FFF;
	text-align: center;
}

#company-banner.old .screens {
	background: url("../images/homepage-screens.jpg") bottom center no-repeat;
	height: 490px;
}

#company-banner.old .content {
	background: url("../images/free-for-30-days-white.png") 740px bottom no-repeat;
	padding: 40px 0 110px 0;
}

#company-banner.old h1 {
	margin: 0 auto 10px;
	font-size: 36px;
}

#company-banner.old p {
	color: #FFF;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}

#company-banner.old a {
	background: url("../images/buttons/primary-free-trial.png") 0 0 no-repeat;
	display: block;
	height: 53px;
	margin: 55px 0 0 693px;
	overflow: hidden;
	text-indent: -9000px;
	width: 246px;
}

#company-banner.old a:hover {
	background-position: 0 -54px;
}

.props h3 {
	background: url("../images/value-prop-icons.gif") 0 0 no-repeat;
	padding: 0 0 0 40px;
}

.props a {
	color: #000;
}

.props a:hover,
.props i a {
	color: #533f6E;
}

.props .a {
	background-position: 0 6px;
}

.props .b {
	background-position: 0 -83px;
}

.props .c {
	background-position: 0 -175px;
}

.props .d {
	background-position: 0 -265px;
}

.props .e {
	background-position: 0 -355px;
}

.props .f {
	background-position: 0 -446px;
}

.props div {
	float: left;
	margin: 0 0 40px 0;
	overflow: hidden;
	width: 219px;
}

.props .first {
	margin: 0 20px 40px 0;
}

.props .last {
	margin-bottom: 0;
}

.props p {
	margin: 0;
	line-height: 18px;
}

.clients {
	margin: 5px 0 40px 0;
}

.clients div {
	width: 132px;
	float: left;
	height: 91px;
	margin: 0 12px 12px 0;
	overflow: hidden;
	text-indent: -900px;
}

.clients .client-37signals {
	background: url("../images/client-37signals.gif") 0 0 no-repeat;
}

.clients .client-bonobos {
	background: url("../images/client-bonobos.gif") 0 0 no-repeat;
}

.clients .client-twitter {
	background: url("../images/client-twitter.gif") 0 0 no-repeat;}


.clients .client-rdio {
	background: url("../images/client-rdio.gif") 0 0 no-repeat;
	margin: 0 0 12px;
}

.clients .client-directv {
	background: url("../images/client-directv.gif") 0 0 no-repeat;
}

.clients .client-vimeo {
	background: url("../images/client-vimeo.gif") 0 0 no-repeat;
}

.clients .client-grooveshark {
	background: url("../images/client-grooveshark.gif") 0 0 no-repeat;
	margin: 0 0 12px;
}

.bubble {
	font-family: "Georgia", "Times", sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	line-height: 21px;
}

.bubble .inner {
	background: #FFF;
	border: 1px solid #D9D9D9 !important;
	padding: 20px;
}

.bubble .tl {
	background: url("../images/bubble-tl.gif") 0 0 no-repeat;
	height: 10px;
	position: absolute;
	width: 10px;
}

.bubble .tr {
	background: url("../images/bubble-tr.gif") right 0 no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	margin: 0 0 0 410px;
}

.bubble .bl {
	background: url("../images/bubble-bl.gif") left bottom no-repeat;
	height: 15px;
	margin: -5px 0 0 0;
	_margin: -11px 0 0 0; /* IE6 */
	position: absolute;
	width: 25px;
}

.bubble .br {
	background: url("../images/bubble-br.gif") right bottom no-repeat;
	height: 10px;
	margin: -10px 0 0 410px;
	_margin-top: -21px; /* IE6 */
	position: absolute;
	width: 10px;
}

/******************************
Pricing
*******************************/

.layout-single .pricing-table {
	background: url("../images/pricing-table.gif") #FFF center 0 repeat-y;
	border: 1px solid #CDCDCD;
	border-bottom: 0;
	margin: 30px 0 0 0;
	position: relative;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-bottom-right-radius: 5px;
}

.layout-single .pricing-table .headers div {
	width: 298px;
	float: left;
	padding: 30px 0 10px;
	text-align: center;
}

.layout-single .pricing-table .headers .standard .price {
	color: #FFF;
	background: url("../images/banner-guarantee.png") right 0 repeat-x;
	padding: 16px 0;
	margin: 20px 0 0;
	text-shadow: 0 -1px 0 #000;
	font-size: 17px;
}

.layout-single .pricing-table .headers .standard .price span {
	background: url("../images/banner-left.gif") 0 0 no-repeat;
	width: 5px;
	height: 63px;
	overflow: hidden;
	float: left;
	margin: -16px 0 0 -5px;
}

.layout-single .pricing-table .headers .enterprise .price {
	color: #FFF;
	background: url("../images/banner-guarantee.png") left 0 repeat-x;
	padding: 16px 0;
	margin: 20px 0 0;
	text-shadow: 0 -1px 0 #000;
	font-size: 17px;
}

.layout-single .pricing-table .headers .enterprise .price span {
	background: url("../images/banner-right.gif") 0 0 no-repeat;
	width: 5px;
	height: 63px;
	overflow: hidden;
	float: right;
	margin: -16px -4px 0 0;
}

.layout-single .pricing-table .headers .enterprise {
	float: right;
}

.layout-single .pricing-table .headers h3 {
	font-size: 21px;
	font-weight:  bold;
	margin: 0;
	float: none;
}

.layout-single .pricing-table .headers .tagline {
	color: #797979;
	font-style: italic;
}

.layout-single .pricing-table .headers .professional h3 {
	font-size: 25px;
}

.layout-single .pricing-table .headers .professional {
	background: url("../images/pricing-table-header.gif") center -10px repeat-y;
	width: 342px;
	margin: -31px 0 0 298px;
	position: absolute;
	float: none;
	left: 0;
	border-top: 1px solid #CCC;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.layout-single .pricing-table .headers .professional .price {
	color: #FFF;
	background: url("../images/banner-guarantee-dark.png") right 0 repeat-x;
	padding: 16px 0;
	margin: 80px 0 0;
	text-shadow: 0 -1px 0 #000;
	font-size: 17px;
	position: absolute;
	width: 100%;
	height: 29px;
}

.layout-single .pricing-table .headers .professional .price .l {
	background: url("../images/banner-left-dark.gif") 0 0 no-repeat;
	width: 5px;
	height: 63px;
	float: left;
	margin: -16px 0 0 -5px;
}

.layout-single .pricing-table .headers .professional .price .r {
	background: url("../images/banner-right-dark.gif") 0 0 no-repeat;
	width: 5px;
	height: 63px;
	float: right;
	margin: -16px -5px 0 0;
}

.layout-single .pricing-table .price strong {
	font-size: 21px;
	font-weight: normal;
}

.layout-single .pricing-table .professional .price strong {
	font-size: 21px;
	font-weight: normal;
}

.layout-single .pricing-table .pad {
	background: url("../images/pricing-table-footer.gif") 3px bottom repeat-x;
	padding: 0;
}

.layout-single .pricing-table .packages {
	padding: 0 10px;
}

.layout-single .pricing-table td {
	text-align: center;
	border-bottom: 1px solid #ececec;
	font-size: 14px;
	padding: 7px 0;
}

.layout-single .pricing-table td strong {
	font-size: 15px;
}

.layout-single .pricing-table td span {
	display: block;
	font-size: 12px;
	color: #666;
}

.layout-single .pricing-table .professional strong {
	font-size: 17px;
}

.layout-single .pricing-table .professional {
	width: 307px;
	font-size: 16px;
	background: none;
	width: 340px;
}

.layout-single .pricing-table .unlimited strong {
	color: #6d9b2b;
}

.layout-single .pricing-table .additional td {
	color: #828282;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	border: 0;
	padding: 20px 0;
}

.layout-single .pricing-table .select td {
	border: 0;
	padding: 10px 0 30px;
}

.layout-single .pricing-table .select a {
	background: url("../images/buttons/secondary-free-trial.png") 0 0 no-repeat;
	display: block;
	width: 107px;
	height: 38px;
	text-indent: -900px;
	overflow: hidden;
	margin: 0 auto;
}

.layout-single .pricing-table .select a:hover {
	background-position: 0 -39px;
}

.layout-single .pricing-table .select .professional a {
	background: url("../images/buttons/primary-free-trial.png") 0 0 no-repeat;
	display: block;
	width: 245px;
	height: 53px;
	text-indent: -900px;
	overflow: hidden;
	margin: 0 auto;
}

.layout-single .pricing-table .select .professional a:hover {
	background-position: 0 -54px;
}

/******************************
Clients Wide
*******************************/

.clients-wide {
	text-align: center;
	border-bottom: 1px solid #DDD;
	padding: 40px 0;
	margin: 0 40px;
}

.clients-wide.benefits {
	border-bottom: 0;
	border-top: 1px solid #DDD;
	background: 0;
}

.clients-wide div {
	height: 55px;
}

.clients-wide h3 {
	margin: 0 0 40px 0;
}

.clients-wide span {
	float: left;
}

.clients-wide .client-37signals {
	background: url("../images/client-white-37signals.gif") 0 0 no-repeat;
	width: 95px;
	height: 55px;
	overflow: hidden;
	text-indent: -900px;
	margin: 0 30px 0 30px;
}

.clients-wide .client-bonobos {
	background: url("../images/client-white-bonobos.gif") 0 0 no-repeat;
	width: 130px;
	height: 33px;
	overflow: hidden;
	text-indent: -900px;
	margin: 5px 10px 0 30px;
}

.clients-wide .client-twitter {
	background: url("../images/client-white-twitter.gif") 0 0 no-repeat;
	width: 111px;
	height: 20px;
	overflow: hidden;
	text-indent: -900px;
	margin: 20px 30px;
}

.clients-wide .client-rdio {
	background: url("../images/client-white-rdio.gif") 0 0 no-repeat;
	width: 70px;
	height: 27px;
	overflow: hidden;
	text-indent: -900px;
	margin: 15px 20px;
}

.clients-wide .client-directv {
	background: url("../images/client-white-directv.gif") 0 0 no-repeat;
	width: 75px;
	height: 57px;
	overflow: hidden;
	text-indent: -900px;
	margin: 0 30px;
}

.clients-wide .client-vimeo {
	background: url("../images/client-white-vimeo.gif") 0 0 no-repeat;
	width: 93px;
	height: 26px;
	overflow: hidden;
	text-indent: -900px;
	margin: 15px 30px;
}

.clients-wide .client-grooveshark {
	background: url("../images/client-white-grooveshark.gif") 0 0 no-repeat;
	width: 57px;
	height: 48px;
	overflow: hidden;
	text-indent: -900px;
	margin: 0 30px 0 20px;
}

/******************************
Clients Small
*******************************/

.clients-small {
	background: url("../images/clients-small.jpg") center bottom no-repeat;
	height: 100px;
}

.clients-small h3 {
	font-size: 19px;
	text-align: center;
}

/******************************
Questions
*******************************/

.questions {
	padding: 40px 40px 20px;
}

.questions div,
.questions-small div {
	float: left;
	width: 265px;
	margin: 0 30px 0 0;
}

.questions .right,
.questions-small .right {
	margin: 0;
}

.questions h4,
.questions-small h4 {
	margin: 0 0 10px;
}


/******************************
Company
*******************************/

.member-list h3 {
	margin: 0 40px 50px;
}

.member {
	margin: 0 0 30px;
	padding: 0 40px;
}

.member img {
	float: left;
	margin: 0 0 0 0px;
}

.member .bio {
	padding: 0 245px 0 170px;
	position: relative;
}

.member .bio h4 {
	margin: 0 0 20px;
}

.member .twitter {
	background: url("../images/tag-right.gif") 0 0 no-repeat;
	width: 236px;
	height: 42px;
	overflow: hidden;
	color: #FFF;
	position: absolute;
	padding: 14px 0;
	font-size: 14px;
	top: 35px;
	right: -44px;
	text-indent: 20px;
}

.member.last {
	margin: 0;
}

/******************************
Contact
*******************************/

.contact-details h3 {
	margin: 0 40px 30px;
}

.contact-info {
	margin: 0 40px 0;
}

.contact-details .cols {
	padding: 40px 40px 40px;
}

.contact-details .cols div {
	float: left;
	margin: 0;
	width: 220px;
}

.contact-details li {
	color: #000;
	margin: 0;
}

.contact-details li span {
	color: #000;
	width: 100px;
	display: inline-block;
}

.contact-details .questions {
	padding-bottom: 0;
}

/******************************
Registration
*******************************/

.registration .packages {
	border-bottom: 1px solid #DDD;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.registration .packages h2 {
	font-size: 19px;
	text-align: center;
	margin: 0 0 40px 0;
}

.registration .main {
	background: url("../images/layout-registration.gif") #FFF right 0 repeat-y;
}

.registration .left {
	float: left;
	width: 555px;
	margin: 30px 20px 20px;
	_margin: 30px 20px 20px 10px;
}

.registration .right {
	float: left;
	width: 265px;
	margin: 30px 0 20px 35px;
}

.registration .starter,
.registration .standard,
.registration .professional {
	float: left;
	width: 185px;
	text-align: center;
}

.registration .starter p,
.registration .standard p,
.registration .professional p {
	font-size: 13px;
	padding: 0 10px;
	margin: 0 0 20px;
}

.registration .package h3 {
	background: url("../images/packages.gif") 0 55px no-repeat;
	font-size: 17px;
	height: 145px;
	padding: 0;
	margin: 0;
}

.registration .starter h3 {
	background-position: 50px 45px;
}

.registration .standard h3 {
	background-position: -143px 45px;
}

.registration .professional h3 {
	background-position: -335px 45px;
}

.registration .price {
	font-size: 26px;
	font-weight: bold;
	display: block;
}

.registration .savings {
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #666;
	margin: 0 0 10px;
}

.registration ul {
	font-size: 13px;
	margin: 0 0 30px;
}

.registration li {
	margin: 0 0 5px;
}

.registration #more-details {
	font-size: 13px;
	text-decoration: underline;
	color: #888;
}

.registration .questions-small {
	margin: 40px 0 0 0;
	border-top: 1px solid #CCC;
	padding-top: 40px;
}

.registration .questions-small div {
	width: 253px;
	margin: 0 40px 0 0;
	padding: 0;
}

.registration .questions-small .right {
	margin: 0;
	padding: 0;
}

.registration .arrow {
	background: url("../images/register-arrow.gif") 0 0 no-repeat;
	width: 36px;
	height: 34px;
	position: absolute;
	margin: -33px 0 0 280px;
	text-align: center;
	display: none;
}

.registration .arrow img {
	display: block;
	margin: 9px 0 0 12px;
	float: left;
}

.registration #site_spinner {
	margin: 9px 0 0 13px;
}

.registration .error,
.registration .formError,
.registration #dupname,
.registration #invname {
	color: red;
	font-size: 12px;
	font-weight: bold;
	display: none;
}

.pricing-details {
	font-size: 14px;
}

.pricing-details .standard {
	color: #777;
}

.pricing-details .professional {
	color: #71a32a;
}

.pricing-details .enterprise {
	color: #592287;
}

.pricing-details td {
	text-align: center;
	border-right: 1px solid #dcd8e5;
	width: 200px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #575757;
}

.pricing-details td.last {
	border: 0;
}

.pricing-details .label {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	width: 220px;
	font-style: normal;
	color: #000;
}

.pricing-details .header td {
	padding: 0 0 10px;
	color: #000;
	font-style: none;
	font-size: 37px;
	font-style: normal;
}

.pricing-details .header h3 {
	font-size: 16px;
	margin: 0;
}

.pricing-details .even td {
	background: #f9f0ff;
}

.pricing-details .even .label {
	background: #f4e9fb;
}

.pricing-details td.child {
	background-image: url("../images/pricing-table-child.gif") !important;
	background-position: 10px 7px !important;
	background-repeat: no-repeat !important;
	padding: 0 0 0 25px;
}

.pricing-details td.label.child {
	color: #222;
}

/******************************
Welcome Page
*******************************/

.welcome {
	position: relative;
}

.welcome,
.assist {
	padding: 0 0 40px;
}

.welcome .left,
.welcome .right {
	float: left;
	width: 468px;
	text-align: center;
	margin: 40px 0 0;
}

.welcome .left {
	background: url("../images/welcome-agent.jpg") center bottom no-repeat;
	border-right: 1px solid #DDD;
	padding: 0 0 270px;
}

.welcome .right {
	background: url("../images/welcome-admin.jpg") center bottom no-repeat;
	padding: 0 0 270px;
}

.welcomev2 .right {
	background: url("../images/welcome-adminv2.jpg") center bottom no-repeat;
}

.welcome p,
.assist p {
	padding: 0 60px 20px;
	color: #999;
}

.welcome #loading {
	position: absolute;
	width: 918px;
	height: 96%;
	background: #FFF;
	left: 10px;
	top: 10px;
}

.welcome #loading .loader {
	background: url("../images/loader-white-big.gif") 0 0 no-repeat;
	width: 48px;
	height: 48px;
	margin: 100px auto 10px;
	display: block;
}

.welcome #loading .wait {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 23px;
	margin: 0 0 70px;
}

.welcome #loading .quotes {
	text-align: center;
	overflow: hidden;
	width: 100%;
}

.welcome #loading .inner {
	float: left;
	width: 918px;
}

.welcome #loading .section {
	width: 918px;
	float: left;
}

.welcome #loading .benefits {
	background: url("../images/header-benefits.gif") center 0 no-repeat;
	height: 45px;
}

.welcome #loading p {
	width: 600px;
	font-size: 19px;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.welcome #loading strong {
	font-weight: normal;
	color: #666;
}

.welcome #loading.new {
	position: absolute;
	width: 918px;
	height: 96%;
	background: #FFF;
	left: 10px;
	top: 10px;
}

.welcome #loading.new h1 {
	text-align: center;
	margin: 155px 0 0 0;
	font-style: italic;
	font-size: 24px;
}

.welcome #loading.new .loader {
	background: none;
	width: 536px;
	height: 48px;
	margin: 10px auto 10px;
	display: block;
	position: relative;
}

.welcome #loading.new .loader .progress {
	background: #57406c;
	height: 48px;
	display: block;
	width: 0%;
}

.welcome #loading.new .loader .overlay {
	background: url("../images/loader.png") 0 0 no-repeat;
	*background: url("../images/loader.gif") 0 0 no-repeat;
	width: 536px;
	height: 48px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.welcome #loading.new .quotes {
	text-align: center;
	overflow: hidden;
	width: 100%;
}

.welcome #loading.new .inner {
	float: left;
	width: 918px;
}

.welcome #loading.new .section {
	width: 918px;
	float: left;
}

.welcome #loading.new .benefits {
	background: url("../images/header-benefits.gif") center 0 no-repeat;
	height: 45px;
}

.welcome #loading.new p {
	width: 600px;
	font-size: 15px;
	line-height: 18px;
	margin: 30px auto 0;
	padding: 0;
	text-align: center;
}

.welcome #loading.new strong {
	font-weight: normal;
	color: #666;
}

/******************************
Assist Page (Home)
*******************************/

.assist .column {
	float: left;
	width: 312px;
	text-align: center;
	margin: 40px 0 0;
	padding: 0 0 210px;
}

.assist p {
	padding: 0 45px 20px;
}

.assist .agent {
	background: url("../images/assist-agent.gif") center bottom no-repeat;
}

.assist .admin {
	background: url("../images/assist-admin.gif") center bottom no-repeat;
}

.assist .adminv2 {
	background: url("../images/assist-adminv2.gif") center bottom no-repeat;
}

.assist .reports {
	background: url("../images/assist-reporting.gif") center bottom no-repeat;
}

/******************************
Single Form Pages
*******************************/

.form {
	width: 450px !important;
	margin: 0 auto;
}

/******************************
Regular Forms
*******************************/

.regular label {
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 3px;
}

.regular .text,
.regular .checkbox {
	margin: 0 0 15px;
}

.regular .text input {
	font-size: 17px;
	padding: 6px;
	border: 1px solid #999;
	width: 350px;
	margin: 0 20px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.regular .link {
	float: right;
	font-size: 13px;
	margin: 15px 0 0 0;
}

.google .link {
	float: right;
	font-size: 13px;
	margin: 5px 0 0 0;
}

.google .submit {
	margin: 40px 0 0 0;
}

.google .gapps {
	float: right;
	margin: 10px 0 0 0;
}

.google .gapps a {
	background: url("../images/google-apps-small.gif") 0 0 no-repeat;
	padding: 3px 0 3px 27px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #555;
	font-style: italic;
}

.google .nobg {
	background: none !important;
}

.google .gapps span {
	float: left;
	padding: 1px 8px 3px;
	font-size: 14px;
	color: #888;
}

.google .google-user {
	background: url("../images/google-apps-large.gif") 0 5px no-repeat;
	padding: 0 0 20px 45px;
	margin: 0 0 20px;
	font-style: italic;
	font-size: 14px;
	color: #6a6a6a;
	border-bottom: 1px solid #ddd;
}


.google .google-user strong {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	font-style: none;
	color: #000;
}

#google_login_panel {
	text-align: center;
}

#google_login_panel div div {
	font-size: 14px;
	margin: 10px 0 0 0;
}


/******************************
Fishbone Forms
*******************************/

#trial-form {
	background: url("../images/banner-shadow.gif") 0 bottom repeat-x #f9f7ff;
	border: 1px solid #CDCDCD;
	border-bottom: 0;
	margin: 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.fishbone form {
	padding: 40px;
}

.fishbone h3 {
	text-align: center;
	margin: 0 0 40px;
}

.fishbone .meta,
.fishbone #dupname,
.fishbone #invname,
.fishbone .formError {
	float: left;
	font-size: 14px;
	font-style: italic;
	color: #999;
	padding: 8px 0 0 0;
}

.fishbone .text,
.fishbone .select {
	margin: 0 0 15px;
}

.fishbone label {
	float: left;
	text-align: right;
	width: 227px;
	margin: 7px 20px 0 0;
	font-size: 12px;
	color: #999;
}

.fishbone label strong {
	display: block;
	font-size: 15px;
	color: #000;
}

.fishbone .text input,
.fishbone .text .domain,
.fishbone .select .input {
	float: left;
	font-size: 17px;
	padding: 6px;
	border: 1px solid #999;
	width: 350px;
	margin: 0 20px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fishbone .select .input select {
	font-size: 17px;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

.fishbone .text .domain {
	position: relative;
	padding: 6px;
	background: #FFF;
}

.fishbone .text .domain input {
	width: 250px;
	border: 0;
	text-align: left;
	padding: 1px 0;
}

.fishbone .text .domain .name {
	position: absolute;
	right: 6px;
	top: 6px;
	color: #777;
}

form input:focus {
	outline: none;
}

.fishbone .checkbox {
	margin: 30px 0 0;
	text-align: center;
}

.fishbone .site_valid_img,
.fishbone .site_spinner_img {
	float: left;
	margin: 9px 0 0 0;
}

.fishbone #dupname,
.fishbone #invname {
	color: red;
}

.fishbone #register_button {
	background: url("../images/buttons/secondary-free-trial.png") 0 0 no-repeat;
	display: block;
	width: 107px;
	height: 38px;
	text-indent: -900px;
	line-height: 100px;
	overflow: hidden;
	margin: 0 auto;
	border: 0;
	cursor: pointer;
}

.fishbone #register_button:hover {
	background-position: 0 -39px;
}

.fishbone #register_button.disabled {
	background-position: 0 -78px;
}

.fishbone .terms {
	font-size: 13px;
	margin: 20px 0;
	text-align: center;
}

.fishbone .errorfield,
.fishbone .fieldWithErrors input {
	background: #FCCECE !important;
}

.fishbone .formError {
	display: block;
	clear: both;
	padding: 5px 0 0 0;
	color: red;
	text-indent: 245px;
	width: 100%;
}

/******************************
Registration Form
*******************************/

#registration-form {
	padding: 3px 0 0;
}

#registration-form label {
	display: block;
	margin: 0 0 1px;
	font-size: 15px;
	font-weight: bold;
}

#registration-form .text,
#registration-form .select,
#registration-form .checkbox,
#registration-form .terms {
	margin: 0 0 15px;
}

#registration-form .text input,
#registration-form .text .domain,
#registration-form .select .input {
	background: #FFF;
	display: block;
	width: 100%;
	border: 1px solid #999;
	font-size: 17px;
	padding: 5px;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#registration-form .text .domain input {
	padding: 0;
	margin: 0;
	border: 0;
	width: 160px;
}

#registration-form .text .domain .name {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 17px;
	color: #999;
}

#registration-form .select .input select {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 17px;
	width: 100%;
	height: 19px;
	*height: auto;
}

#registration-form .checkbox {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 0 3px;
}

#registration-form .terms,
#registration-form .terms a {
	padding: 3px 0 0;
	text-align: center;
	font-size: 13px;
	color: #9189a7;
}

#registration-form #register_button {
	border: 0;
	background: url("../images/buttons/primary-free-trial.png") 0 0 no-repeat;
	display: block;
	margin: 30px auto 20px;
	width: 245px;
	height: 54px;
	overflow: hidden;
	text-indent: -900px;
	line-height: 900px;
}

#registration-form #register_button:hover {
	background-position: 0 -54px;
	cursor: pointer;
}

/******************************
Slider
*******************************/

#slider {
	width: 938px;
	overflow: hidden;
}

#slider .inner {
	float: left;
	width: 10000px;
}

#slider .inner .section {
	float: left;
	width: 938px;
}

/******************************
Fancyzoom
*******************************/

#zoom .feature h3 {
	font-size: 21px;
}

#zoom .feature .copy {
	float: left;
	width: 350px;
}

#zoom .feature img {
	float: right;
}

#zoom .feature a {
	margin: 0;
}

#zoom .custom-twitter{
	margin: 75px 40px 0 0 !important;
}

#zoom .custom-happy-agents {
	margin: 45px 40px 0 0 !important;
}

#zoom a img {
	border: 0;
}

#zoom .getstarted {
	background: url("../images/buttons/secondary-free-trial.png") 0 0 no-repeat;
	display: block;
	width: 107px;
	height: 38px;
	text-indent: -900px;
	overflow: hidden;
	margin: 0 auto;
}

#zoom a.getstarted:hover {
	background-position: 0 -39px;
}

/******************************
Google App Market Place
*******************************/

#google-gateway {
	background: url("../images/purple-cutout.gif") 0 50px repeat-x #F3F3F3 !important;
}

#google-gateway #company-header .wrapper div {
	background: url("../images/google-apps-tiny.gif") 0 0 no-repeat;
	float: right;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0 0 0;
	padding: 0 0 0 22px;
}

#google-gateway #company-header .wrapper div span {
	color: #888;
}

#google-gateway .header {
	text-align: center;
	padding: 10px 0 35px 0;
}

#google-gateway .header h1 {
	color: #FFF;
	font-size: 42px;
	margin: 0;
	padding: 0 0 5px;
}

#google-gateway .header p {
	color: #D2AEF4;
	font-size: 18px;
	font-weight: normal;
}
#google-gateway .main {
	background: url("../images/purple-navigation.gif") 0 0 repeat-x #FFF;;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 0 0 40px;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#google-gateway #timeline {
	position: relative;
	padding: 25px 0 0;
	height: 120px;
}

#google-gateway #timeline .steps {
	background: url("../images/google-steps.gif") 0 0 no-repeat;
	width: 496px;
	height: 27px;
	margin: 0 auto;
}

#google-gateway #timeline.step2 .steps {
	background-position: 0 -28px;
}

#google-gateway #timeline.step3 .steps {
	background-position: 0 -56px;
}

#google-gateway #timeline ul {
	background: url("../images/google-steps-arrow.gif") 50px bottom no-repeat;
	width: 600px;
	position: absolute;
	top: 0;
	left: 175px;
	overflow: hidden;
	padding: 60px 0 0 0;
	height: 52px;
}

#google-gateway #timeline.step2 ul {
	background-position: 285px bottom;
}

#google-gateway #timeline.step3 ul {
	background-position: 520px bottom;
}

#google-gateway #timeline li {
	float: left;
	text-align: center;
	width: 200px;
	color: #A08EB3;
}

#google-gateway #timeline .step1 {
	text-align: left;
}

#google-gateway #timeline .step3 {
	text-align: right;
}

#google-gateway #timeline .active {
	color: #533C69;
}

#google-gateway .section {
	position: relative;
	padding: 0 30px;
}

#google-gateway .main h2 {
	text-align: center;
	padding: 0 0 5px;
	font-size: 23px;
}

#google-gateway .main h2 a {
	text-decoration: underline;
}

#google-gateway .subtitle {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin: 0 0 40px;
}

#google-gateway form {
	padding: 0;
	margin: 0;
}

#google-gateway .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url("../images/loader-white-big.gif") center center #FFF no-repeat;
	display: none;
	z-index: 5;
}

#google-gateway .scroll-list {
	max-height: 300px;
	margin: 0;
	overflow: auto;
	font-size: 14px;
	border: 1px solid #BBB;
	position: relative;
}

#google-gateway .scroll-list ul {
	margin: 5px 10px 10px;
}

#google-gateway .scroll-list ul.single {
	margin: 5px 10px;
}

#google-gateway .scroll-list li {
	background: url("../images/dots-h.gif") 0 bottom repeat-x;
	padding: 12px 0;
	margin: 0;
	cursor: pointer;
	position: relative;
}

#google-gateway .scroll-list ul.single li {
	background-image: none;
}

#google-gateway .scroll-list li:last-child {
	background-image: none;
}

#google-gateway .scroll-list li .trigger {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

#google-gateway .scroll-list strong {
	padding: 0 0 0 20px;
	cursor: pointer;
}

#google-gateway .scroll-list span {
	font-style: italic;
	font-weight: normal;
	color: #666;
	cursor: pointer;
}

#google-gateway .scroll-list .active {
	background-color: #FBFCE8;
}

#google-gateway .scroll-list label {
	cursor: pointer;
}

#google-gateway #modal-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: none;
}

#google-gateway .modal {
	background: #FFF;
	width: 400px;
	position: fixed;
	z-index: 6;
	display: none;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#google-gateway #facebook-pages,
#google-gateway #email-import {
	width: 600px;
}

#google-gateway #email-import label {
	text-align: center;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#google-gateway #facebook-pages li input,
#google-gateway #facebook-pages li img,
#google-gateway #facebook-pages li span,
#google-gateway #facebook-pages li a {
	float: left;
}

#google-gateway #facebook-pages li input {
	margin: 17px 20px 0 4px;
}

#google-gateway #facebook-pages li span {
	margin: 16px 0 0 9px;
	color: #000;
	font-style: normal;
	font-weight: bold;
}

#google-gateway #facebook-pages .submit {
	margin: 35px 0 30px;
}

#google-gateway .modal h1 {
	font-size: 23px;
	margin: 20px 0 0;
	text-align: center;
}

#google-gateway .modal p {
	text-align: center;
	font-size: 14px;
	color: #666;
}

#google-gateway .modal form {
	padding: 0 30px;
	position: relative;
}

#google-gateway .modal form .text {
	width: 315px;
}

#google-gateway .modal form span {
	font-size: 14px;
	color: #666;
	display: block;
	text-align: center;
}

#google-gateway .modal form .submit {
	margin: 20px 0 30px;
}

#google-gateway .modal .modal-close {
	background: url("../images/fancyzoom/closebox.png") 0 0 no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -900px;
	position: absolute;
	margin: -15px 0 0 -15px;
}

#google-gateway .modal .scroll-list {
	margin: 30px 30px 0;
}

#google-gateway .message {
	background: #fbacac;
	padding: 10px 0 !important;
	margin: 0 30px 30px;
	font-size: 17px !important;
	display: none;
}

#google-gateway .domain {
	text-align: center;
}

#google-gateway .domain span {
	font-size: 21px;
}

#google-gateway .text {
	font-weight: normal;
	color: #666;
	border: 1px solid #999;
	font-size: 16px;
	padding: 7px;
	width: 460px;
	margin: 0 5px;
	text-align: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
}

#google-gateway .domain .text {
	font-size: 21px;
}

#google-gateway .text:focus {
	background: #FCFAE1;
}

#google-gateway .submit {
	text-align: center;
	margin: 40px 0 0;
}

#google-gateway .submit span {
	display: inline-block;
	margin: -35px 0 0 0;
}

#google-gateway .column {
	float: left;
	width: 272px;
	margin: 0 30px 0 0;
}

#google-gateway .column .box {
	border: 1px solid #DDD;
	padding: 20px 20px 35px;
	text-align: center;
	height: 230px;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#google-gateway .column .active {
	background-color: #FCFAE1;
}

#google-gateway .column label {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 0 0 5px;
}

#google-gateway .column form input {
	width: 200px;
}

#google-gateway .column form span {
	display: block;
	font-size: 14px;
	color: #666;
	margin: 0 0 40px;
}

#google-gateway .last {
	margin-right: 0;
}

#google-gateway .column h3 {
	width: 221px;
	height: 52px;
	overflow: hidden;
	text-indent: -900px;
	margin: 0 auto 30px;
}

#google-gateway .column .account {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px;
}

#google-gateway .column .account img {
	display: block;
	margin: 0 auto 4px;
	width: 48px;
}

#google-gateway .column .account strong {
	font-weight: bold;
	color: #000;
	display: block;
}

#google-gateway .column .disconnect {
	color: #a3110f;
	font-size: 15px;
	text-decoration: underline;
}

#email-config h3 {
	background: url("../images/conf-email.png") 0 0 no-repeat;
}

#facebook-config h3 {
	background: url("../images/conf-facebook.png") 0 0 no-repeat;
}

#twitter-config h3 {
	background: url("../images/conf-twitter.png") 0 0 no-repeat;
}

#google-gateway .description {
	text-align: center;
	font-size: 14px;
	color: #666;
	margin: 0 0 40px;
}

#google-gateway .description strong {
	color: #000;
	font-weight: bold;
}

#google-gateway input.invalid {
	background: #f6cdcd;
}

#google-gateway .error {
	color: #a3110f;
	text-align: center;
	font-size: 14px;
	margin: 5px 0 0 0;
	display: none;
}

#google-gateway .ui-autocomplete {
	width: 216px;
}

.ui-autocomplete {
	background: #FFF;
	border: 1px solid #999;
	font-size: 14px;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
}

.ui-autocomplete li a {
	color: #666;
	padding: 7px 9px;
	display: block;
}

.ui-autocomplete li a.ui-state-hover {
	color: #000;
	background: #FCFAE1;
	font-weight: bold;
}

/******************************
Thumbplay
*******************************/

.thumbplay {
	background-image: none;
}


#promotion .promo-header {
	background: url("../images/thumbplay.jpg") center bottom no-repeat;
	height: 450px;
	text-align: center;
}

#promotion .promo-header h1 {
	padding: 120px 0 0 0;
}

#promotion .promo-header p {
	color: #585858;
	font-size: 19px;
	padding: 5px 0 0;
}

#promotion .promo-header p em {
	font-size: 14px;
	line-height: 1.2;
}

#promotion .promo-header a {
	margin-top: 40px;
	background-position: 0 0;
	margin-bottom: 60px;
	font-weight: bold;
}

#promotion .promo-header a:hover {
	background-position: 0 -52px;
}

#promotion .foot {
	text-align: center;
	font-size: 11px;
	margin: 0 0 30px;
}

/******************************
Client Wall
*******************************/

h4.dotted,
h3.dotted {
	background: url("../images/dots-h.gif") 0 center repeat-x;
	margin: 40px 0 0;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	color: #333;
}

h4.dotted span,
h3.dotted span {
	background: #f3f3f3;
	padding: 0 10px;
}

h3.dotted {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	color: #666;
}

.client-wall {
	margin: 30px 0 20px 0;
}

.client-wall li {
	background-image: none !important;
	float: left;
	width: 200px;
	margin: 0 45px 0 0 !important;
	padding: 0 !important;
}

.client-wall div {
	background: #FFF;
	text-align: center;
	height: 100px;
	margin: 0 0 15px;
	border: 1px solid #e0e0e0;
	border-bottom-color: #ccc;
	overflow: hidden;
	text-indent: -900px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.client-wall p {
	color: #666;
	font-size: 14px;
	text-align: center;
	font-style: italic;
	margin: 0 0 35px;
}

.client-wall .last {
	margin-right: 0 !important;
}

.client-wall .thi {
	background: url("../images/wall-37signals.gif") center center #FFF no-repeat;
}

.client-wall .twt {
	background: url("../images/wall-twitter.gif") center center #FFF no-repeat;
}

.client-wall .rdio {
	background: url("../images/wall-rdio.gif") center center #FFF no-repeat;
}

.client-wall .dtv {
	background: url("../images/wall-directv.gif") center center #FFF no-repeat;
}

.client-wall .bon {
	background: url("../images/wall-bonobos.gif") center center #FFF no-repeat;
}

.client-wall .off {
	background: url("../images/wall-offandaway.gif") center center #FFF no-repeat;
}

.client-wall .dqs {
	background: url("../images/wall-disqus.gif") center center #FFF no-repeat;
}

.client-wall .gvs {
	background: url("../images/wall-grooveshark.gif") center center #FFF no-repeat;
}

.client-wall .vim {
	background: url("../images/wall-vimeo.gif") center center #FFF no-repeat;
}

.case-studies-wrapper {
	height: 140px;
}

.case-studies {
	position: absolute;
	margin: -180px 0 0 0;
}

.case-studies li {
	background: #FFF !important;
	height: 300px;
	width: 280px;
	float: left;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 45px 0 0 !important;
	padding: 0 !important;
	text-align: center;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.case-studies li.grooveshark {
	background: url("../images/case-grooveshark.gif") center 20px no-repeat #FFF !important;
}

.case-studies li.rdio {
	background: url("../images/case-rdio.gif") center 45px no-repeat #FFF !important;
}

.case-studies li.bonobos {
	background: url("../images/case-bonobos.gif") center 65px no-repeat #FFF !important;
}

.case-studies .last {
	margin: 0 !important;
}

.case-studies p {
	color: #666 !important;
	font-size: 18px !important;
	line-height: 21px;
	padding: 150px 30px 10px;
}

/******************************
Public Notices
*******************************/

#public-notice {
	background: #EDFFD7;
	font-size: 15px;
	text-align: center;
	color: #3b4a28;
}

#public-notice .wrapper {
	background: url("../images/we-love-facebook.gif") 80px 20px no-repeat;
}

#public-notice .wrapper div {
	padding: 22px 0 22px 180px;
}

#public-notice a {
	background: #cadfaf;
	padding: 6px 8px;
	color: #3b4a28;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#public-notice a:hover {
	background: #58406d;
	color: #FFF;
}